<template>
  <div class="page" style="background: #FAFAFA" >
  <div class="container footarea" >
    <div class="footbox">
      <el-row :gutter="1">
        <el-col :span="6">
          <div class="grid-content bg-purple ">
            <div class="col foot_item">
              <div><span>产品服务</span></div>
              <div><a href="#">找兼职</a></div>
              <div><a href="#">找全职</a></div>
            </div>
          </div></el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <div class="col foot_item">
              <div><span>旗下产品</span></div>
              <div><a href="#">实习工</a></div>
              <div><a href="#">实习教育</a></div>
            </div>
        </div></el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <div class="col foot_item">
            <div> <span>关于我们</span></div>
            <div><a href="#">了解我们</a></div>
            <div><a href="#">免责声明</a></div>
            </div>
          </div></el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <div class="col foot_item">
              <div><span>联系我们</span></div>
              <div><a href="#">客户服务</a></div>
              <div><a href="#">商务合作</a></div>
            </div>
          </div></el-col>
      </el-row>
    </div>
    <div class="bottom" >
      <el-row :gutter="20">
        <el-col :span="12" :offset="6">
            <div class="foota_txt">
<!--              <div class="footbottom">-->
<!--                <div class="ba">-->
<!--                  <span><a>©2015-2023 实习僧</a></span> |-->
<!--                  <span><a>蜀ICP备13010980号</a></span> |-->
<!--                  <span><a href="#">联系我们：sxs@shixiseng.com</a></span>-->
<!--                </div>-->
<!--              </div>-->
              <div class="company" style="">
                <span data-v-1ee2d8fa=""><a href="//www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002001179">
                  Copyright 2017 -All Right Reserved岭南星科技版权所有
                </a></span>
              </div>
              <p></p>
              <div class="beian" >
                <a data-v-1ee2d8fa="" href="https://resume.shixiseng.com/credentials">
                  <i style="background-image: url(https://sxsimg.xiaoyuanzhao.com/static/new_main/img/record-icon.png)"
                     data-v-2c4e8a73=""></i>
                  备案号:粤ICP备19134567号-6
                  </a>
<!--                <a href="https://resume.shixiseng.com/credentials" target="_blank" class="text text2" data-v-2c4e8a73="">-->
<!--                  <i style="background-image:url(https://sxsimg.xiaoyuanzhao.com/static/new_main/img/jyzz-icon.png);background-size:contain;"-->
<!--                     data-v-2c4e8a73=""></i>-->
<!--                  经营资质</a>-->
              </div>
            </div>
        </el-col>
      </el-row>
    </div>
  </div>
  <div class="container" style="height: 30px;color: #CDCDCD;"></div>
</div>
</template>

<script>
export default {
  name: 'foot'
}
</script>

<style scoped>

.footarea{
  /* min-height: 600px; */
  /* background-color: red; */
}
.footarea .footbox{
  margin:20px 0;
  border-bottom: 100px;
}

.footarea .footbox .foot_item{
  width: 245px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-flow: column;
  align-items: center;
  /* text-align: center; */
}
.footbox .foot_item div:not(:first-child){
 margin-top: 10px;
}
.footbox .foot_item span{
  height: 10px;
  font-weight: 600;
  font-size: 20px;
  color: #333;
  padding: 0px;
}
 a{
  color: #666;
  text-decoration: none;
}
.footarea .footbottom{
  display: flex;
  justify-content: center;
}
/* bottom */
.footarea .bottom{
  font-size: 13px;
  color: #CDCDCD;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
  background: #FAFAFA;
}
.footarea .bottom .foota_txt .footbottom .ba span>a,
.footarea .bottom .foota_txt .company /deep/ span>a{
  height: 10px!important;
  margin: 8px 8px;
  color: #999999;
}
.bottom .foota_txt .beian a[data-v-2c4e8a73]
{
  /* font-weight:bold; */
  /* font-weight:bolder; */
  font-weight: 400;
  color: #333;
  outline: none;
  text-align: center;
  line-height: 18px;
  font-size: 13px;
  /* background: red; */
  font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif;
}


.bg-purple {
  /* background: #d3dce6; */
  /* background: #FAFAFA; */

}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
</style>
